<script setup>
import TitleNameTime from '@/view/ai/components/TitleNameTime.vue';
import SummaryDetail from '@/view/ai/components/SummaryDetail.vue';

const props = defineProps({
	obj: {
		type: Object,
		default:()=>{
			return {
				left:{
					title:'探讨在当前注重外貌的社会环境中，化妆品市场的消费者行为变化以及企业所采取的有效的营销手段，例如社交媒体营销、网红带货等。例如社交媒体营销、网红带货等。',
					hint1:'作者名字',
					hint2:'美妆风尚志',
					hint3:'20241010-12:12'
				},
				right:{
				}
			}
		},
	}
})
</script>

<template>
<div class="wrap">
	<div class="left">
		<title-name-time :obj="obj.left"/>
	</div>
	<div class="right">
		<summary-detail />
	</div>
</div>
</template>

<style scoped lang="scss">
@import "../../../css/common";
.wrap{
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 16px;
	background: #FFFFFF;
	border-radius: 16px;
	border: 1px solid #E0E0E0;
	display: flex;
	flex-direction: row;
	.left{
		width: 360px;
		margin-right: 32px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.right{
		border-left: 1px solid #E0E0E0;
		box-sizing: border-box;
		padding-left: 32px;
		flex: 1;

	}
}
</style>
